<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self';"
    />
    <meta
      http-equiv="X-Content-Security-Policy"
      content="default-src 'self'; script-src 'self'"
    />
    <title></title>
    <link rel="stylesheet" href="./index.css">
  </head>
  <body>
    <div class="header">
      <ul class="oper-box">
        <li class="oper-close"></li>
        <li class="oper-max"></li>
        <li class="oper-min"></li>
      </ul>
      <div class="header-title">Mac窗口</div>
      <span></span>
    </div>
    <h1>Hello from Electron renderer!</h1>
    <p class="p-btn">👋打开新窗口</p>
    <!-- 关闭层 -->
    <div class="mask-box">
      <div class="mask-info-box">
        <h3 class="mask-info-title">是否关闭当前应用？</h3>
        <p class="mask-info-content">系统可能不会保存你当前的修改</p>
        <div class="mask-oper-box">
          <span class="mask-confirm-btn">确定</span>
          <span class="mask-cancel-btn">取消</span>
        </div>
      </div>
    </div>
    <script src="./index.js"></script>
  </body>
</html>